/* main.css */

@r : (16)/750;
.remH(@h) {
	height: @h*@r/1rem;
}

.remW(@w) {
	width: @w*@r/1rem;
}

.flex() {
	display: flex;
}

.flexCenter() {
	display: flex;
	align-items: center;
}

.flexColumn() {
	display: flex;
	flex-direction: column;
}

.flexColumnCenter() {
	display: flex;
	flex-direction: column;
	align-items: center;
}

html {
	box-sizing: border-box;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color:rgba(255,0,0,0); 
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	margin: 0;
	font-family:Helvetica;	
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
	margin: 0;
	padding: 0;
}
input{
	-webkit-appearance: none;
	-moz-appearance: none;
}
input:-ms-clear{display:none;}
input[type=search]::-webkit-search-cancel-button{
	// -webkit-appearance: none;//此处只是去掉默认的小×
	margin-right: @r*10rem;
}

.icon(){
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
}
.icon-site(){
	.icon;
	background-image: url(../image/site.png);
}

.icon-site2(){
	.icon;
	background-image: url(../image/site2.png);
}

.icon-return(){
	.icon;
	background-image: url(../image/return.png);
}

.icon-return(){
	.icon;
	background-image: url(../image/return.png);
}

.icon-checkboxC(){
	.icon;
	background-image: url(../image/checkboxC.png);
}

.icon-checkboxO(){
	.icon;
	background-image: url(../image/checkboxO.png);
}

.icon-navPosition(){
	.icon;
	background-image: url(../image/navPosition.png);
}

.icon-navPosition2(){
	.icon;
	background-image: url(../image/navPosition2.png);
}

.icon-map(){
	.icon;
	background-image: url(../image/map.png);
}

.icon-play1(){
	.icon;
	background-image: url(../image/play1.png);
}

.icon-pause(){
	.icon;
	background-image: url(../image/pause.png);
}

.icon-before(){
	.icon;
	background-image: url(../image/before.png);
}

.icon-after(){
	.icon;
	background-image: url(../image/after.png);
}
.icon-beforeNo(){
	.icon;
	background-image: url(../image/beforeNo.png);
}

.icon-afterNo(){
	.icon;
	background-image: url(../image/afterNo.png);
}

.icon-listClose(){
	.icon;
	background-image: url(../image/listClose.png);
}

.icon-checkBoxC2(){
	.icon;
	background-image: url(../image/checkBoxC2.png);
}

.icon-checkBoxO2(){
	.icon;
	background-image: url(../image/checkBoxO2.png);
}

.icon-DrinkingC(){
	.icon;
	background-image: url(../image/DrinkingC.png);
}

.icon-MerchantC(){
	.icon;
	background-image: url(../image/MerchantC.png);
}

.icon-trafficC(){
	.icon;
	background-image: url(../image/trafficC.png);
}

.icon-exitsC(){
	.icon;
	background-image: url(../image/exitsC.png);
}

.icon-carParkC(){
	.icon;
	background-image: url(../image/carParkC.png);
}

.icon-TicketC(){
	.icon;
	background-image: url(../image/TicketC.png);
}
